@charset 'utf-8';

html,
body {
  min-width: 1200px;
  height: 100%;
}

//index页面样式
.page {
  width: 100%;
  height: 100%;
  position: relative;
}

.register-head-content {
  width: 100%;
  height: 60px;
  display: flex;
  justify-content: center;
  background-color: $bg-color;
}

.register-header {
  width: 1200px;
  height: 60px;
  display: flex;
  align-items: center;

  img {
    height: 40px;
  }
}

// .register-content {
//   margin: 0 auto;
//   width: 100%;
//   height: 100%;
//   display: flex;
//   justify-content: center;
//   .register-content-center {
//     display: flex;
//     align-items: center;
//     width: 1200px;
//     height: 100%;
.register-card {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -300px 0 0 -600px;
  width: 1200px;
  min-height: 600px;
  background-color: $bg-color;
  border-radius: $border-l-radius;
  box-shadow: 0 0 20px $theme-color;
}

.copyright-text {
  position: absolute;
  bottom: 10px;
  width: 100%;
  font-size: $font-xxs-size;
  color: $text-grays-color;
  text-align: center;
}

//   }
// }

//登录右边组件样式
.login-right-page {
  width: 100%;

  .login-right-head {
    width: 100%;
    color: $text-blue-color;
    font-size: $font-size;
    text-align: right;

    span {
      cursor: pointer;
      padding: 5px 20px;
    }
  }

  .login-right-content {
    color: $text-gray-color;
    font-size: $font-xs-size;
    text-align: center;
    margin: 70px 0 30px 0;

    .login-register {
      color: $theme-color;
      cursor: pointer;
    }
  }

  .login-right-img {
    text-align: center;

    img {
      height: 301px;
    }
  }
}

.register-dialog {
  .el-dialog {
    width: 980px !important;
    height: 700px;
    margin-top: 3vh !important;

    .register-dialog-content {
      height: 600px;
      overflow: auto;
    }
  }

}

//element的主题颜色
//重置select、datapicker、radio等
.el-date-editor.el-input,
.el-date-editor.el-input__inner,
.el-select {
  input {
    @include primary_input;
    color: $text-blacks-color;
    font-size: 14px;
    width: 100%;
    height: 100%;
  }
}

.el-select .el-input.is-focus .el-input__inner {
  border-color: $theme-color;
}

.el-select .el-input__inner:focus {
  border-color: $theme-color;
}

.el-select-dropdown__item.selected {
  color: $theme-color;
}

.el-year-table td .cell:hover,
.el-year-table td.current:not(.disabled) .cell,
.el-year-table td.today .cell {
  color: $theme-color;
}

.el-radio__input.is-checked .el-radio__inner {
  background: $theme-color;
  border-color: $theme-color;
}

.el-radio__input.is-checked+.el-radio__label {
  color: #666;
}

//重置progress样式
.el-progress {
  width: 100%;
  height: 12px;
}

.el-progress-bar__inner {
  background-color: $theme-color;
}

.el-progress--without-text .el-progress-bar {
  height: 100%;
}

.el-progress-bar__outer {
  height: 100% !important;
}

//el-tag的样式重置
.el-tag {
  width: 90px;
  height: 30px;
  text-align: center;
  margin: 0 10px 0 0;
  color: #f15c18;
  border-radius: 15px;
  background-color: #ffeee5;
  border: 1px solid #ffb999;
}

//textarea 样式重置
.el-textarea {
  .el-textarea__inner {
    &:focus {
      border-color: $theme-color;
    }
  }
}

//简历页datapicker样式重置
.resume-datepicker {
  width: 258px !important;
  height: 35px;
}

.el-month-table td .cell:hover {
  color: $theme-color;
}

.el-month-table td.today .cell {
  color: $bg-color;
  background: $theme-color;
  border-radius: 3px;
}

.el-month-table td.end-date .cell,
.el-month-table td.start-date .cell {
  color: $bg-color;
  background: $theme-color;
  border-radius: 3px;
}

//重置element步骤条的样式
.el-step.is-center .el-step__description {
  padding-left: 17%;
  padding-right: 17%;
}

.el-step__line-inner {
  width: 0 !important;
}

.el-step.is-center .el-step__line {
  height: 10px;
  background: #d7d7d7;
}

.el-step__icon.is-text {
  width: 30px;
  height: 30px;
  border: none;
  background: #d7d7d7;
  color: $bg-color;
  font-size: 18px;
  font-weight: 400;
}

.el-step__head.is-finish {
  .el-step__icon.is-text {
    background: $theme-color;
  }
}

.send-step-line {
  .el-step__line {
    background: $theme-color !important;
  }
}

.el-step__title {
  font-size: 18px;
  color: #333;
  font-weight: 400;
}

.el-step__description {
  font-size: 12px;
  color: #666;
  font-weight: 400;
}

.el-step__title.is-finish {
  font-size: 18px;
  color: #666;
  font-weight: 400;
}

.el-step__description.is-finish {
  font-size: 12px;
  color: #666;
  font-weight: 400;
}

.el-step__title.is-process {
  font-size: 18px;
  color: #c0c4cc;
  font-weight: 400;
}

.el-step__description.is-process {
  font-size: 12px;
  color: #c0c4cc;
  font-weight: 400;
}

.el-dropdown-menu__item:focus,
.el-dropdown-menu__item:not(.is-disabled):hover {
  background: $theme-color;
  color: #fff;
}

.el-cascader-menu__item.is-active {
  color: $theme-color;
}

.el-cascader .el-input.is-focus .el-input__inner {
  border-color: $theme-color;
}

.el-input.is-active .el-input__inner,
.el-input__inner:focus {
  border-color: $theme-color;
}

.register-cascader {
  width: 300px;
  height: 55px;

  input {
    width: 100%;
    height: 100%;
    font-size: 20px;
    color: #333;
  }

  .el-cascader__label {
    font-size: 20px;
    color: #333;
    line-height: 55px;
  }
}

.el-checkbox.is-bordered.is-checked {
  border-color: #F09338;
}

.el-checkbox__input.is-checked+.el-checkbox__label {
  color: #F09338;
}

.el-picker-panel__shortcut {
  &:hover {
    color: #F09338;
  }
}